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OUTLINE 



• Motivations and related work 

• Environments 

• Characters and interactive shading 

• Future work 
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TEAM FORTRESS 2 



• Class-based multiplayer 
combat game which will be 
released this fall 

• Unique visual style 

• Differentiation - multiplayer 
combat games tend to 
embrace a contemporary 
photorealistic look 

• Gamepiay -Team Fortress 
has always featured 
cartoonish, over-the-top 
situations 

• Readabiiity - Class 
differentiation is the core of 
Team Fortress 2, hence we 
needed to be able to clearly 
differentiate classes visually 
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ENVIRONMENT DESIGN PRINCIPLES 


• Value contrast 

• Simple forms 

• No unnecessarily off-kilter shapes 

• Minimize visual noise 

• Texture and geometric 

• Minimize repetition 
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CONTRASTING TEAM PROPERTIES 


• Red 

• Warm colors 

• Natural materials 

• Angular geometry 

• Blue 

• Cool colors 

• Industrial materials 

• Orthogonal forms 
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BLUr BA^E IN SrORT MAP 
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RED RASE IN SEORT MAP 












WORLD RENDERING 







Photorealistic techniques from our other games 

• Radiosity-generated light maps 

• Special effects such as reflection and refraction 

Hand-painted textures with minimal noise, 
applied directly to 3D geometry 

• Loose details with visible brush strokes 

• Inherent solidity and frame-to-frame coherence 

• Hold up under magnification better than 
photoreference 

Brush strokes appear in perspective, not in the 
2D image plane [Miyazaki02] 

High frequency detail in photorealistic games 
can overpower design 



Color Palette 
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MIYA7AKI - WIDTH FORESHORTENED 


• Can easily imagine a 3D camera 
move between these 2D views of 
the same space 






NEUTRAL ENTITIES 



* Variations in hue and saturation are 
used to differentiate neutral entities 
in the game world 

• A hue other than red or blue creates 
disassociation from either team color 

• Increased saturation makes these 
important entities stand out in the 
desaturated environment 

• Equally beneficial or dangerous to 
either team 

• Beneficial green / cyan health pickups 

• Dangerous yellow train yard gates 
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CHARACTER DESIGN GOALS 


• Easily visible against environment 

• Characters must be readable quickly by other players 

• Communicate shape via shading and silhouette 
under all lighting conditions 
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GOOCH, 1998 



Hue and luminance shifts indicate surface 
orientation relative to light 

Blend between warm and cool based upon 
undamped Lambertian term, underlying albedo 
and some free parameters 

Extreme lights and darks are reserved for edge 
lines and highlights 
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Conventional Gooch 
Shading Shading 
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LAKE. 3000 



• Lake used a 1D texture lookup 
based upon the Lambertian term 
to simulate the limited color 
palette cartoonists use for 
painting cels 

• Also allows for the inclusion of a 
view-independent pseudo 
specular highlight by including a 
small number of bright texels at 
the “lit” end of the 1D texture map 




NL-► 
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• Barla has extended this technique by using a 2D texture lookup to 
incorporate view-dependent and level-of-detail effects. 


• Fresnel-like creates a hard “virtual backlight” which is essentially a 
rim-lighting term, though this term is not designed to correspond to 
any particular lighting environment. 
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EARLY 20TH CENTURY COMMERCIAL ILLUSTRATION 


• Chose to adopt specific conventions of the 
commercial illustrator J. C. Leyendecker: 

• Shading obeys a warm-to-cool hue shift. Shadows go to 
cool, not black 

• Saturation increases at the terminator with respect to a given 
light source. The terminator is often reddened. 

• On characters, interior details such as clothing folds are 
chosen to echo silhouette shapes 

• Silhouettes are often emphasized with rim highlights rather 
than dark outlines 
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J.C. Leyendecker 
Arrow collar advertisement, 1929 


J.C. Leyendecker 
Swimmin’ Hole, 1935 
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Clothing Folds 


J.C. Leyendecker 
Thanksgiving 1628-1928 


J.C. Leyendecker 
Taiiy-Ho, 1930 
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ENGINEER CONCEPT 



















RIM HIGHLIGHTING: REFORM 
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RIM HIGHLIGHTING: AFTER 
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Players must be able to quickly identify other players by team, class 
and selected weapon at a variety of distances and viewpoints 

We think of this in terms of a visual “read hierarchy” 

Design Goals 

• Team - Friend or Foe ? 

• Color 

• Class - Run or Attack? 

• Distinctive silhouettes 

• Body proportions 

• Weapons 

• Shoes, hats and clothing folds 

• Selected weapon - What’s he packin’? 

• Highest contrast at chest level, where weapon is held 

• Gradient from dark feet to light chest 





Color Palette 
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CHARACTER LIGHTING EQUATION 






max 



VICW-DCPCNDCNT 


)fXa(v) 


© 2007 Valve Corporation. All Rights Reserved. 






VIEW INDEPENDENT TERME 



• Spatially-varying directional 
ambient 
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VIEW INDEPENDENT TERME 



• Spatially-varying directional 
ambient 

• Modified Lambertian terms 
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VIEW INDEPENDENT TERME 
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Spatially-varying directional 
ambient 

Modified Lambertian terms 

• Undamped Lambertian term 
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VIEW INDEPENDENT TERMS 




• Spatially-varying directional 
ambient 


• Modified Lambertian terms 

• Undamped Lambertian term 

• Scale, bias and exponent 
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VIEW INDEPENDENT TERMS 


L 
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• Spatially-varying directional 
ambient 

• Modified Lambertian terms 

• Undamped Lambertian term 

• Scale, bias and exponent 


• Warping function 
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VIEW INDEPENDENT TERME 
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Spatially-varying directional 
ambient 

Modified Lambertian terms 

• Undamped Lambertian term 

• Scale, bias and exponent 

• Warping function 


















VIEW INDEPENDENT TERMS 




• Spatially-varying directional 
ambient 

• Modified Lambertian terms 

• Undamped Lambertian term 

• Scale, bias and exponent 

• Warping function 

• Albedo 
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VIEW INDEPENDENT TERME 
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Spatially-varying directional 
ambient 

Modified Lambertian terms 

• Undamped Lambertian term 

• Scale, bias and exponent 

• Warping function 

Albedo 














AMBIENT CUBE 



• Grounds characters in game worlds 

• Pre-compute irradiance samples 
throughout the environment 

• Variable density irradiance volume 
[Greger98] where each sample 
defines an irradiance environment 
map [RamamoorthiOl] 

• Directional ambient term which 
includes only Indirect light 

• Lights beyond the first four can be 
added to the ambient cube 

• Used in a novel way In rim lighting, 
which we’ll discuss in a moment 
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• Multiple Phong terms per light 
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• Multiple Phong terms per light 

• k. broad, constant exponent 
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Multiple Phong terms per light 



• broad, constant exponent 

• exponent (constant or texture) 


















• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 
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Multiple Phong terms per light 

• A:^.^ broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {l-{n-v)y 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, (l-{n-v)y 

• rim mask texture 
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Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {l-{n-v)y 

• rim mask texture 

• specular mask texture 
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Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {l-{n-v)y 

• rim mask texture 

• specular mask texture 
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Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {l-{n-v)y 

• rim mask texture 

• specular mask texture 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {l-{n-v)y 

• rim mask texture 

• specular mask texture 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {\-{n-v)y 

• rim mask texture 

• specular mask texture 

• Dedicated rim lighting 

• a{v) Directional ambient evaluated with v 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, (l-{n-v)y 

• rim mask texture 

• specular mask texture 

• Dedicated rim lighting 

• a{v) Directional ambient evaluated with v 

• k^ same rim mask 


© 2007 Valve Corporation. All Rights Reserved. 
















• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {\-{n-v)y 

• rim mask texture 

• specular mask texture 

• Dedicated rim lighting 

• a{v) Directional ambient evaluated with v 

• k^ same rim mask 

• f same rim Fresnel 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {\-{n-v)y 

• rim mask texture 

• specular mask texture 

• Dedicated rim lighting 

• a{v) Directional ambient evaluated with v 

• k^ same rim mask 

• f same rim Fresnel 

«y 

• n-u term that makes rim highlights tend to 
come from above (w is up vector) 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {\-{n-v)y 

• rim mask texture 

• specular mask texture 

• Dedicated rim lighting 

• a{v) Directional ambient evaluated with v 

• k^ same rim mask 

• f same rim Fresnel 

«y 

• n-u term that makes rim highlights tend to 
come from above (w is up vector) 



© 2007 Valve Corporation. All Rights Res" 




















Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {\-{n-v)y 

• rim mask texture 

• specular mask texture 

Dedicated rim lighting 

• a{v) Directional ambient evaluated with v 

• k^ same rim mask 

• f same rim Fresnel 

«y 

• n-u term that makes rim highlights tend to 
come from above (w is up vector) 
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• Multiple Phong terms per light 

• broad, constant exponent 

• exponent (constant or texture) 

• f artist tuned Fresnel term 

s 

• rim Fresnel term, {\-{n-v)y 
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• specular mask texture 

• Dedicated rim lighting 
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FUTURE WORK 


• More flexible specular 

• Anisotropic highlights [Heidrich98] 
[Gooch98] 
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[Heidrich98] 
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[Gooch98] 







FUTURE WORK 


• More flexible specular 

• Anisotropic highlights [Heidrich98] 
[Gooch98] 

• Shaping highlights [AnjyoOS] 



© 2007 Valve Corporation. All Rights Reservea 
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FUTURE WORK 







More flexible specular 

• Anisotropic highlights [Heidrich98] 
[Gooch98] 

• Shaping highlights [AnjyoOS] 

More reliable rinn term 
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FUTURE WORK 


More flexible specular 
• Anisotropic highlights [Heidrich98] 



[Gooch98] 

• Shaping highlights [AnjyoOS] 

More reliable rinn term 

Image-space contrast 
enhancement [Luft06] 









[Luft06] 
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FUTURE WORK 


• More flexible specular 

• Anisotropic highlights [Heidrich98] 
[Gooch98] 

• Shaping highlights [AnjyoOS] 

• More reliable rinn term 

• Image-space contrast 
enhancement [Luft06] 

• Abstracted shadows [DeCoroOZ] 



[DeCoro07] 
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CONCLUSION 


• Motivations and related work 

• Environments 

• Characters and interactive 
shading 

• Future work 




© 2007 Valve Corporation. All Rights Reserved. 






